<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Electron Vue Anyproxy</title>
    <% if (htmlWebpackPlugin.options.nodeModules) { %>
        <!-- Add `node_modules/` to global paths so `require` works properly in development -->
        <script>
          require('module').globalPaths.push('<%= htmlWebpackPlugin.options.nodeModules.replace(/\\/g, '\\\\') %>')
        </script>
    <% } %>
    <style>
        .loading {
            display: -webkit-box;
            width: 100%;
            height: 100%;
            -webkit-box-orient: horizontal;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            margin-top: -10px;
        }

        .loading .logo {
            display: -webkit-box;
            width: 130px;
            height: 130px;
            /*background: url('./renderer/assets/logo.png') center center no-repeat;*/
            /*background-size: 130px auto;*/
        }

        .loading .slogan {
            margin-left: 40px;
            box-sizing: border-box;
        }

        .loading .name {
            font-size: 50px;
            letter-spacing: 5px;
            font-weight: bold;
            margin: 0;
            padding: 0;
            color: #333;
            box-sizing: border-box;
        }

        .loading .sub {
            color: #ccc;
            text-align: center;
            box-sizing: border-box;
        }
    </style>
</head>
<body>
<div id="app">
    <div class="loading">
        <span class="logo"></span>
        <div class="slogan">
            <p class="name"><b>electron vue anyproxy</b></p>
            <p class="sub">proxy and more...</p>
        </div>
    </div>
</div>
<!-- Set `__static` path to static files in production -->
<% if (!process.browser) { %>
    <script>
      if (process.env.NODE_ENV !== 'development') window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
    </script>
<% } %>

<!-- webpack builds are automatically injected -->
</body>
</html>
